<script setup>
const { reactive, watch } = Vue3;

const props = defineProps({
  customConfig: Object,
  changeCustomConfig: Function,
});

const config = reactive(props.customConfig);

watch(config, () => props.changeCustomConfig?.(config));
</script>

<template>
  <el-form :model="config" :label-width="60">
    <el-form-item label="id" prop="id">
      <el-input v-model="config.id" />
    </el-form-item>
  </el-form>
</template>
